!!!
%html{:lang => "en-au"}
  %head
    %meta{:charset => "UTF-8"}
    %title= @page_title
    
    %style{:type => "text/css"}
      :sass
        .people
          :font-size 14px
          a
            :color black
      
        .quest
          :clear both
          :background-color white
          :-webkit-border-radius 10px
          :-moz-border-radius 10px
          :padding 7px 10px
          :margin 10px 0
          :position relative
          :border 4px solid #ff0
          :border 4px solid rgba(0,0,0,0.5)

          a
            :color #888

          h2, p.uri
            :margin 0
            :display inline

          h2
            :color #333
            :font-size 24px
          p.uri
            :color #666
            :margin 5px 0
            :font-size 12px

          p.branches
            :margin 5px 0
            :font-size 12px

          ul, li
            :margin 0
            :padding 0
            :list-style none

          p.readme
            :margin 0 -5px 0 0
            a
              :float right
              :margin 0
              :text-transform uppercase
              :font-size 10px
              :font-weight bold
              :color #999
              :background-color #eee
              :line-height 20px
              :padding 0 5px
              :text-decoration none
              :-webkit-border-radius 2px
              :-moz-border-radius 2px
              &:hover
                :color #666
                :background-color #ddd

          h3
            :margin 10px 0 0 0
            :font-size 12px
            :color #999
            :text-transform uppercase

          ul.network
            :margin-top 5px
            li
              :line-height 1em
              :min-height 16px
              :padding-left 30px
              :margin 10px 0
              &.loading
                :background transparent url('/loader.gif') no-repeat 4px center
              a.name
                :font-size 12px
                :font-weight bold
                :color #666
                :text-transform uppercase
                :text-decoration none
              span.branches
                :font-size 12px
                :color #999
              span.more
                :float right
                :width 15px
                :height 15px
                :color #fff
                :background-color #ccc
                :font-size 12px
                :line-height 15px
                :font-weight bold
                :-webkit-border-radius 2px
                :-moz-border-radius 2px
                :text-align center
                :cursor pointer
                &:hover
                  :background-color #aaa
                  :color #fff
              p.message
                :font-size 12px
                :margin 2px 0 5px 1px
                a
                  :color #333
                  :text-decoration none
                  &:hover
                    :text-decoration underline
                span.meta
                  :font-size 10px
                  :color #999
                em.branch
                  :font-weight bold
                  :font-style normal
                  :color #666
              img.gravatar
                :float left
                :margin-left -30px
                :margin-top 2px

        img.gravatar
          :width 20px
          :height 20px

        .projects, .people
          :-moz-box-shadow 0px 2px 10px #000
          :-webkit-box-shadow 0px 2px 10px #000
          :float left
          :width 47%
          :background-color #686194
          :-webkit-border-radius 10px
          :-moz-border-radius 10px
          :margin-top 10px

          h2
            :margin 0
            :text-align center
            :font-size 16px
            :line-height 28px
            :background-color #686194
            :color #fff
            :text-transform uppercase

          h2.table_heading
            :-webkit-border-top-left-radius 5px
            :-moz-border-topleft-radius 5px
            :-webkit-border-top-right-radius 5px
            :-moz-border-topright-radius 5px
            :border-top 1px solid #B7B7B7
            :border-left 1px solid #989898
            :border-right 1px solid #989898
            :border-bottom 1px solid #858585
            :background-color #ccc
            :background-color #B7B7B7
            :background -webkit-gradient(linear,left bottom,left top,color-stop(0.1, rgb(163,163,163)),color-stop(0.9, rgb(222,222,222)))
            :background -moz-linear-gradient(top,  #DEDEDE,  #A3A3A3)
            :color #3E3E3E
            :text-shadow 0px 1px 1px #fff
            :padding 5px

          li.table_row
            :border-top 1px solid #fff
            :border-left 1px solid #989898
            :border-right 1px solid #989898
            :border-bottom 1px solid #858585
            :background-color #ccc
            :background-color #B7B7B7
            :background -webkit-gradient(linear,left bottom,left top,color-stop(0.1, rgb(163,163,163)),color-stop(0.9, rgb(222,222,222)))
            :background -moz-linear-gradient(top,  #DEDEDE,  #A3A3A3)
            :color #3E3E3E
            :text-shadow 0px 1px 1px #fff
            :padding 10px

          h3
            :margin 0 0 0px 0
            :color #3E3E3E

          ul, li
            :margin 0
            :padding 0
            :list-style none

          > ul
            :font-size 12px
            a
              :color #3E3E3E

        .projects
          ul li
            ul, li
              :display inline
          a
            :white-space nowrap

        .clear
          :clear both

        .people
          :margin-left 52px

        .people, .projects
          ul
            li
              a
                :text-decoration none
                &:hover
                  :text-decoration underline

        .local .quest
          :border-color #980

        .create_quest
          :float right
          :color #fff
          :width 200px
          :line-height 150%
          :font-size 12px
          :text-shadow 0px 1px 1px #000
      
      
        @-webkit-keyframes spin
          from
            :-webkit-transform rotate(0deg)
          to
            :-webkit-transform rotate(360deg)
      
        html
          :background-color #12072D
        
        body
          :position relative
          :color black
          :font-family "Helvetica", arial, sans-serif
          :width 850px
          :margin 0 auto
          :padding 30px 0
          
        h1#title
          :font-size 52px
          :margin 0 0 10px 10px
          :position relative
          :text-transform uppercase
          :float left
          :clear both
          img.gravatar
            :width 50px
            :height 50px
            :float right
            :margin-right 10px
            :border 2px solid #ff0
            :border-radius 3px
            :background #ff0
          a
            :color #881094
            :text-decoration none
            :text-shadow -2px 2px 0px #E186CE
            img
              :position absolute
              :top 0
              :left -140px
              :border none
            .owner
              :display block
              :font-size 16px
              :font-weight bold
              :text-transform uppercase
              :color #fff
              :text-shadow 0px 1px 1px #000

        pre
          :overflow auto
          
        ul.commits
          :width 100%
          :margin-top 5px

        ul.commits li
          :font-size 12px
          :line-height 1.5em
          :padding 8px 0
          :border 0px solid #ddd
          :border-top-width 1px
          
          a
            :text-decoration none
            :color #333
            &:hover
              :text-decoration underline

          &:first-child
            :border-top-width 0

          p
            :margin 0
            :line-height 1em

          p.message
            :line-height 1.4em
            :padding-left 30px

          span.meta
            :font-size 10px
            :color #666
            :line-height 1.5em

          img.gravatar
            :margin-top -5px
            :width 25px
            :height 25px
            :float left
        
        .clear
          :clear both
      
    %script{:src => "/jquery-1.3.2.min.js", :type => "text/javascript"}

  %body{:class => ("local" if local?)}
    %h1#title
      %a{:href => "/"}
        %span.owner
          == #{Railsquest.config.name}&rsquo;s
        Railsquest

    #rm

    = yield

    #pbjt

    .clear

    :javascript
      $("#pbjt").bind("click", function(){ 
        $("<embed bgcolor='#000000' height='400' width='550' name='pbjt' pluginspage='http://www.adobe.com/go/getflashplayer' quality='high' src='/pbjt.swf' style='position:fixed;top:0;left:0;width:100%;height:100%' type='application/x-shockwave-flash' />").appendTo($("body"));
      });
      $("#rm").bind("click", function(){  $("html").toggleClass("rm") });
      $(document).bind("keypress", function(e) {
        if (String.fromCharCode(e.charCode) == 'S') { $('#theme')[0].pause(); }
      });
